@import 'common';

.autho-item {
  margin: 10px 0;
  .autho-content {
    display: flex;
    padding: 20px 10px;
    font-size: 16px;
    line-height: 50px;
    .avatar {
      width: 50px;
      height: 50px;
      border-radius: 50%;
      border: 2px solid map-get($defaultColor, baseColor);
      img {
        border-radius: 50%;
      }
      margin-right: 20px;
    }
    .unfollow {
      flex: 1;
      text-align: right;
      span {
        padding: 10px;
        border-radius: 5px;
        background-color: map-get($defaultColor, c6);
        color: map-get($defaultColor, c1);
        &:hover {
          cursor: pointer;
          background-color: map-get($activeColor, c6);
        }
      }
    }
  }
}